<section class="page">
    <header class="page-header">
        <img src="<?php echo templateUrl() ?>images/1.png" alt="">
    </header>
    <div class="page-body">
        <div class="container">
            <div class="article-list">
                <div class="row">
                    <?php
                    if (!empty($articles)) {
                        for ($i = 0; $i < count($articles); $i++) {
                            ?>
                            <div class="col-xs-12 col-sm-6">
                                <article class="art-thumb verti">
                                    <div class="cover">
                                        <a href="<?php echo base_url($breadcrumb[count($breadcrumb)-1]['url'].'/'.$articles[$i]['friendly_url']) ?>"><img src="<?php echo templateUrl() ?>images/<?php echo $articles[$i]['icon_image'] ?>" alt=""></a>
                                    </div>
                                    <h5 class="title"><?php echo $articles[$i]['name'] ?></h5>
                                    <div class="brief"><?php echo $articles[$i]['short_description']?></div>
                                    <div class="text-right"><a href="<?php echo base_url($breadcrumb[count($breadcrumb)-1]['url'].'/'.$articles[$i]['friendly_url']) ?>" class="view-detail-bg"><i class="fa fa-caret-right"></i> Chi tiết</a></div>
                                </article>
                            </div>
                            <?php
                        }
                    }
                    ?>
                </div>
                <div class="text-right">
                    <ul class="pagination pagination-sm">
                        <li><a href="<?php echo base_url('tin-tuc-su-kien/page/1') ?>">&laquo;</a></li>
                        <?php  echo $this->pagination->create_links(); // tạo link phân trang  ?>
                        <li><a href="<?php echo base_url('tin-tuc-su-kien/page/'.$total_page) ?>">&raquo;</a></li>
<!--                        <li><a href="#">&laquo;</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>-->
                        <!--<li><a href="#">&raquo;</a></li>-->
                    </ul>                   
                </div>
            </div>
        </div>
    </div>
</section>